<template>
<div ref="detail" class="detail">
    <div>
      <Banner ref="banner" />
      <BannerHeader />
      <div class="content"></div>
  </div>
</div>
</template>

<script>
import Banner from './components/Banner'
import BannerHeader from './components/Header'
import Bscroll from 'better-scroll'
export default {
    name:"Detail",
    components: {
        Banner,
        BannerHeader,
    },
    mounted(){
     this.scroll=new Bscroll(this.$refs.detail, { click: true});
    },
    methods:{
        hand(){
            // const top=this.$refs.detail.getBoundingClientRect().top;
            const top=this.$refs.detail.scrollTop
            console.log(top);
        }
    }
    
}
</script>

<style lang='stylus' scoped>
.detail
    height 100vh
    .content
         height 100vh
</style>